<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="test" class="qhf qhf1 qhf2 qhf3">
			
		</div>
	</body>
	<script type="text/javascript">
		// debugger
		var testNode = document.querySelector("#test");
		testNode.classList.add("qhf4")
		/*
		这个toggle方法，
		如果list中有item名字，那么就删除。
		如果没有，就增加到最后位置。
		*/
		testNode.classList.toggle("qhf4")
		// console.log(testNode.className)
		// 这种对class的操作,注意兼容性
		console.log(testNode.classList)
	</script>
</html>
